.el-popover {
    --popover-bg: #fff;
    --emoji-hover-bg: #f0f4ff;

    .emoji-list {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 8px;
        background: var(--popover-bg);

        &-item {
            font-size: 16px;
            padding: 4px;
            text-align: center;
            border-radius: 8px;
            transform: scale(0.9);
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

            &:hover {
                transform: scale(1);
                background: var(--emoji-hover-bg);
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                cursor: pointer;
            }
        }
    }
}

.emoji-picker svg {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-top: -2px; // 微调垂直对齐
    cursor: pointer;
    color: #666;
    transition: color 0.3s;
    stroke: 0.3s, fill 0.3s; // 新增描边和填充过
    font-size: 16px;

    &:hover {
        color: #409eff;
        stroke: #409eff; // 控制SVG描边颜色 // 控制SVG填充颜色
    }
}